.header-wrapped {
    .header-content {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.el-main {
    -el-main-padding: 0;
    background: url('@/assets/code.jpg');
    height: 500px;

    .main-content {
        width: 1200px;
        margin: 0 auto;
        position: relative;

        .box-card {
            width: 350px;
            height: 375px;
            position: absolute;
            right: 0;
            margin-top: 30px;

            .login-form {
                margin-top: 30px;

                .forget-password {
                    position: absolute;
                    right: 0;
                    color: #4AA2FA;
                }

                .forget {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;


                    .login-btn {
                        margin-top: 30px;

                        .el-button {
                            width: 280px;
                        }

                    }

                    .register-btn {
                        margin-top: 0;
                        .el-button {
                            width: 300px;
                        }
                    }

                    .go-registr {
                        font-size: 14px;
                        margin-top: 20px;

                        .go-registr-str {
                            color: #4AA2FA;
                            cursor: pointer;
                        }
                    }
                }

            }
        }
    }
}

.footer-wrapped {
    margin-top: 20px;

    .footer-content {
        width: 1200px;
        display: flex;
        justify-content: center;
        margin: 0 auto;

        span {
            margin: 0 10px;
        }
    }
}